<!--06.class类型选择器.html-->
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>06.class类型选择器</title>
	<style type="text/css">
		.class01 {
			color: blue;
			font-size: 30px;
			border: 1px yellow solid;
		}
		.class02 {
			color:  grey;
			font-size: 26px;
			border: 1px red solid;
		}
	</style>

</head>
<body>
	<!--通过 class 属性选择性地使用已经定义的CSS样式-->
	<div class="class01">div标签独占一行</div>
	<div class="class02">div标签独占一行</div>
	<span class="class01">span标签是封装的数据的长度</span>
	<span>span标签是封装的数据的长度</span>
</body>
</html>

